<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>

<body>

    <div class="demoTable">
        订单编号：
        <div class="layui-inline">
            <input class="layui-input"  id="d_id" autocomplete="off">
        </div>
        
           订单状态:
              <select  lay-filter="aihao" id="s_status">
                <option value="">--请选择--</option>
                <option value="1">已完成</option>
                <option value="2" >未完成</option>
                
              </select>
            
          
        <button class="layui-btn" data-type="reload">搜索</button>
    </div>

    <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>

    <script type="text/html" id="S">
    {{#  if(d.status == 1){ }}
    已完成(交易成功)
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">订单详情</a>
    {{#  }else if(d.status == 2){ }} 
    未完成(未收货)
    {{#  } }} 
  </script>

    <script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  </script>


    <script src="layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        layui.use('table', function () {
            var table = layui.table;

            //方法级渲染
            table.render({
                elem: '#LAY_table_user'
                , url: 'http://127.0.0.1/yk1029/php/public/index.php/index/Dlist/getList'
                , cols: [[
                    { checkbox: true, fixed: true }
                    , { field: 'id', title: '订单编号', sort: true, fixed: true }
                    , { field: 'name', title: '商品信息' }
                    , { field: 'num', title: '数量', sort: true }
                    , { field: 'price', title: '价格' }
                    , { field: 'sum', title: '合计' }
                    , { field: 'status', title: '状态', sort: true, toolbar: '#S' }
                    , { fixed: 'right', title: "操作", align: 'center', toolbar: '#barDemo' }
                ]]
                , id: 'testReload'
                , page: true
                , parseData: function (res) { //res 即为原始返回的数据
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.data.total, //解析数据长度
                        "data": res.data.data//解析数据列表
                    };
                }
            });

            var $ = layui.$, active = {
                reload: function () {
                    var demoReload = $('#demoReload');

                    //执行重载
                    table.reload('testReload', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        , where: {
                           id: $("#d_id").val(),
                           status :$('#s_status').val()
                        }
                    }, 'data');
                }
            };

            //监听工具条
            table.on('tool(user)', function (obj) {
                var data = obj.data;
                if (obj.event === 'detail') {
                    layer.msg('ID：' + data.id + ' 的查看操作');
                } else if (obj.event === 'del') {
                    layer.confirm('真的删除行么', function (index) {

                    if( data.status == 2 )
                    {
                        alert("未收货的订单不允许删除");
                        return false;
                    }

                        $.ajax({
                            type: 'DELETE',
                            url: "http://127.0.0.1/yk1029/php/public/index.php/index/Dlist/Dels",
                            data: {id: data.id},
                            dataType: "json",
                            success: function (res) {
                                layer.msg(res.msg);
                                if (res.code == 0) {
                                    obj.del();
                                }
                            }
                        })  
                        layer.close(index);

                        table.reload('testReload', {
                        page: {
                            curr: $("#LAY_table_user").next().html
                        }
                    }, 'data');
                    });
                } else if (obj.event === 'edit') {
                    layer.alert('编辑行：<br>' + JSON.stringify(data))
                }
            });

            $('.demoTable .layui-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        });
    </script>

</body>

</html>